<template>
	<view>
		<uni-popup ref="popup" type="bottom">
			<view class="popupWrap A-Medium" :class="model=='light'?'popupWrapLight':''">
				<view class="titleWrap py-4 mx-3 flex align-center justify-between">
					<view class="f0 opacity0">
						<image src="@/static/images/cha.png" mode=""></image>
					</view>
					<view class="">
						
					</view>
					<view @click="closePopup" class="f0">
						<image src="@/static/images/cha.png" mode=""></image>
					</view>
				</view>
				<view @click="confirm(item)" v-for="(item,index) in list" class="list mx-3 py-3" :class="model=='light'?'listLight':''">
					{{item.title}}
				</view>
				<view class="" style="height: 68rpx;">
		
				</view>
			</view>
		</uni-popup>
	</view>
	
</template>

<script>
	import {
		getTransferStatusList
	} from '@/core/api/index.js';
	export default {
		name:"hzPoup",
		props:{
			type:{
				type:Number,
				default:1//1 划转状态 2时间 3币种
			},
		},
		created() {
			getTransferStatusList({}).then(res=>{
				let list = res.result;
				this.list = list;
			})
		},
		data() {
			return {
				list:[]
			};
		},
		computed: {
			i18n() {
				return this.$t('component');
			},
			model() {
				return this.$store.state.config.model;
			}
		},
		methods:{
			open(){
				this.$refs.popup.open('bottom');
			},
			confirm(e){
				this.$emit('confirm',e);
				this.closePopup();
			},
			closePopup() {
				this.$refs.popup.close();
			},
		}
	}
</script>

<style scoped lang="scss">
	.popupWrap {
		background: #0E0F11;
		font-size: 32rpx;
		color: #F7F7F7;
		.titleWrap {
			margin-bottom: 6rpx;
			image {
				width: 36rpx;
				height: 36rpx;
			}
		}
		.list {
			border-bottom: 2rpx solid #1F2128;
		}
		.listLight {
			border-bottom: 2rpx solid #F4F4F4;
		}
	}
	.popupWrapLight {
		background: #ffffff;
		color: #0E0F11;
	}
</style>